import { useResponsive } from "@/hooks/useResponsive";
import React from "react";
import DesktopLayout from "./DesktopLayout";
import MobileLayout from "./MobileLayout";

const ResponsiveLayout: React.FC<{ children: React.ReactNode }> = ({
  children,
}) => {
  const { isMobile } = useResponsive();

  return isMobile ? (
    <MobileLayout>{children}</MobileLayout>
  ) : (
    <DesktopLayout>{children}</DesktopLayout>
  );
};

export default ResponsiveLayout;
